/*
* created by Administrator on 2018/11/20
* 好的代码像粥一样,是得用时间和精力熬的。
*/
/* eslint-disable no-unused-vars */
/***
 *
 * @param dom
 * @param propName
 * @return {*}
 */
function getStyle (dom, propName) {
    if (getComputedStyle) {
        return getComputedStyle(dom)[propName];
    } else {
        return dom.currentStyle()[propName];
    }
}
/***
 * @param dom
 * @param cssJson
 */
function style (dom, cssJson) {
    dom.style.cssText = Object.keys(cssJson).reduce(function (previousValue, currentValue) {
        return previousValue + currentValue + ':' + cssJson[currentValue] + ';';
    }, '');
}
/***
 * @param dom :节点
 * @param attrName :属性名
 * @param attrValue :属性值
 * @return {string}
 */
function attr (dom, attrName, attrValue) {
    if (!attrValue) {
        return dom.getAttribute(attrName);
    } else {
        dom.setAttribute(attrName, attrValue);
    }
}
/**
 * 事件绑定兼容方法
 * @param obj ： 节点
 * @param type ： 事件
 * @param handle ： 函数
 * @param boolean ： 不传默认冒泡，传true阻止冒泡
 */
function addEvent (obj, type, handle, boolean) {
    if (obj.addEventListener) {
        boolean ? obj.addEventListener(type, function (e) {
            handle();
            e.stopPropagation();
        }) : obj.addEventListener(type, handle);
    } else {
        boolean ? obj.attachEvent('on' + type, function (e) {
            handle();
            e.cancelBubble = true;
        }) : obj.attachEvent('on' + type, handle);
    }
}
window.onload = function () {
    /* 导航栏部分 */
    topNav();
    function topNav () {
        var con = document.getElementById('topNav');// 获取到导航栏来改变背景颜色
        var img = document._getElementByClassName('topNav_top-logo-bg')[0];// 获取到img来改变LOGO图片
        var toTop = document.getElementsByClassName('toTop')[0];
        addEvent(window, 'scroll', function () {
            var t = document.documentElement.scrollTop || document.body.scrollTop;
            if (t <= 0) { //  判断当前的鼠标距离  和  窗口距离是否一样
                // 如果是一样就代表已经到了顶部 改变背景颜色为透明  和字体颜色以logo图片
                style(con, { 'color': '#fff', 'background': 'transparent' });
                attr(img, 'src', '../image/logo-new.png');
                toTop.style.opacity = '0';
            } else if(t >= 60){
                // 如果不是一样就代表没到顶部 改变背景颜色为白色  和字体颜色以logo图片
                style(con, { 'color': '#000', 'background': '#fff' });
                con.style.boxShadow = '#929292 1px 1px 1px ';
                attr(img, 'src', '../image/logo.png');
                toTop.style.opacity = '1';
            }
        });
    }
    var apply = document._getElementByClassName('apply')[0];
    var cen = document._getElementByClassName('centerBox')[0];
    var h = document._getElementByClassName('herder')[0];
    var top = document.getElementById('topNav');
    addEvent(window, 'scroll', function () {
        var t = document.documentElement.scrollTop || document.body.scrollTop;
        if (t <= 3180) {
            apply.style.backgroundPositionY = '-5px';
        }
        if (t >= 3560) {
            apply.style.backgroundPositionY = '5px';
        }
        if (t >= 400) {
            top.style.display = 'none';
            cen.style.position = 'fixed';
            cen.style.top = 0;
            cen.style.zIndex = 999;
            h.style.marginBottom = '60px';
        }
        if (t <= 390) {
            top.style.display = 'block';
            cen.style.position = 'relative';
            h.style.marginBottom = 0;
        }
    });
    drone();
    function drone () {
        var item = document._getElementByClassName('system_aii-left-list_item');
        var dom = document._getElementByClassName('information_all-list')[0];
        var Img = document._getElementByClassName('show');
        var bot = document._getElementByClassName('system_aii-left-list_item-bot');
        var prev = document._getElementByClassName('information_all-prev')[0];
        var ter = null;
        var index = 0;
        move();
        function move () {
            ter = setInterval(function () {
                index++;
                index = index >= 3 ? 0 : index;
                dom.style.left = -1200 * index + 'px';
                item.forEach(function (value) {
                    value.style.background = '#fff';
                    value.style.color = '#2391b4';
                });
                Img.forEach(function (valu, key) {
                    attr(valu, 'src', '../image/product_ico' + (key + 1) + '.png');
                });
                attr(Img[index], 'src', '../image/product_ico' + (index + 1) + '-' + (index + 1) + '.png');
                bot.forEach(function (value) {
                    value.style.display = 'none';
                });
                bot[index].style.display = 'inline-block';
                item[index].style.color = '#fff';
                item[index].style.background = '#2391b4';
            }, 2000);
        }
    }
};
